﻿@*
    For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
}
@using HrEFCore
@using HrEFCore.Models;
@model HrEFCore.SS
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trasitional.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<script src="~/aa/vue/dist/vue.js"></script>
	<script src="~/aa/element-ui/lib/index.js"></script>
	<link href="~/aa/element-ui/lib/theme-chalk/index.css" rel="stylesheet" />
	<script src="~/aa/axios/dist/axios.js"></script>
	<link href="~/css/table.css" rel="stylesheet" />
	<script type="text/javascript" src="../../javascript/jquery-1.7.2.js"></script>
	<title>无标题文档</title>
	<style type="text/css">
		body {
			background: rgb(253,244,227);
		}

		.TD_STYLE1 {
			background: #E6DDCE;
			/* color:white; */
		}

		.TD_STYLE2 {
			background: rgb(253,244,227);
		}

		.INPUT_STYLE2 {
			background: rgb(253,244,227);
		}
	</style>
</head>
<body>
	<div id="app">
		<form method="post" action="/SS/GetSSWhereCX2">
			<table width="100%">
				<tr>
					<td>
						<font color="black">您正在做的业务是:人力资源管理--薪酬标准管理--薪酬标准登记变更</font>
					</td>
				</tr>
				<tr>
					<td>
						&nbsp;
					</td>
				</tr>
				<tr>
					<td>
					</td>
				</tr>
			</table>
			<table width="100%" border="1" cellpadding=0 cellspacing=1
				   bordercolorlight=#848284 bordercolordark=#eeeeee
				   class="TABLE_STYLE1">
				<template>
					<el-table :data="list"
							  border
							  style="width: 100%">
						<el-table-column prop="ssdId"
										 label="编号"
										 v-if="false"
										 width="180">
						</el-table-column>
						<el-table-column prop="standardId"
										 label="薪酬标准编号"
										 width="180">
						</el-table-column>
						<el-table-column prop="standardName"
										 label="薪酬标准名称"
										 width="180">
						</el-table-column>
						<el-table-column prop="designer"
										 label="制定人">
						</el-table-column>
						<el-table-column prop="registTime"
										 label="登记时间">
						</el-table-column>
						<el-table-column prop="salarySum"
										 label="薪酬总额">
						</el-table-column>
						<el-table-column prop="bg"
										 label="变更">
							<template slot-scope="scope">
									
								<span v-if="scope.row.checkStatus==0">
									<a :href="`@Url.Action("BGUpdate","SS")?Id=${scope.row.standardId}`"
									   target="mainFrame"
									   style="color:black;">
										变更
									</a>
								</span>
								<span v-if="scope.row.checkStatus==1" :disabled="true">已复核</span>
							</template>
					</el-table>
				</template>


			</table>


			<el-pagination v-on:size-change="handleSizeChange"
						   v-on:current-change="handleCurrentChange"
						   :currentpage="currentPage"
						   :page-sizes="[2, 4, 6, 8]"
						   :page-size="pageSize"
						   layout="total, sizes, prev, pager, next, jumper"
						   :total="rows">
			</el-pagination>
		</form>
	</div>
	<script type="text/javascript">
		/* import utl from "~/utils.js" */
		var vm = new Vue({
			el: "#app",
			data: {
				/* list: @Html.Raw(Json.Serialize(Model)), */
				list: [],
				currentPage: 1,
				pageSize: 2,
				rows: 1,
				StandardId: "",
				RegistTime: "",
			},
			methods: {
				/* fill: function () {
					axios.get("/SS/Index")
							.then(res => {
								this.Model = res.data.list;
							}).catch(err => {
								console.log(err);
							})
				}, */
				fill: function () {
					/* this.where = "and StandardId like '%%'";
					if (this.StandardId != "") {
						this.where = "and StandardId like '%" + this.StandardId + "%'";
					}
					if (this.RegistTime != "") {
						this.where = "and RegistTime like '%" + this.RegistTime + "%'";
					}
					if (this.where == "") {
						this.where = "and StandardId like '%%'";
					} */
					axios.get("/SS/GetSSWhereCX2", {
						params: {
							currentPage: this.currentPage,
							pageSize: this.pageSize,
						}
					}).then(res => {
						this.list = res.data.list;
						this.rows = res.data.rows;
						/* console.log(res.data.list);
						console.log(res.data.rows);
						console.log(res.data); */
					}).catch(err => {
						console.log(err);
					})
				},
				handleSizeChange: function (val) {
					this.pageSize = val;
					this.fill();
				},
				handleCurrentChange: function (val) {
					this.currentPage = val;
					this.fill();
				},
				/* 				changeDate(data) {
									return utl.myformatter(new Date(data));
								} */
			},
			mounted: function () {
				this.fill();
			}
		});
	</script>
</body>
</html>

